<template>
<el-container>
  <el-header style="height: auto;">
    <el-form>
      <el-row>
        <el-col :xl="{ span: 12 }" :lg="{ span: 12 }">
          <el-form-item label="申请提交时间" label-width="100px">
            <el-date-picker class="select" v-model="insertTime" type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" size="small" style="width: 100%" value-format=" yyyy-MM-dd" format="yyyy-MM-dd"></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :xl="{ span: 12 }" :lg="{ span: 12 }">
          <el-form-item label="处理时间" label-width="100px">
            <el-date-picker class="select" v-model="dealTime" type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" size="small" style="width: 100%" value-format=" yyyy-MM-dd" format="yyyy-MM-dd"></el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :xl="{ span: 6 }" :lg="{ span: 6 }">
          <el-form-item label="处理状态" label-width="100px">
            <el-input size="small" v-model="dictStatusName" style="width: 100%;"></el-input>
          </el-form-item>
        </el-col>
        <el-col :xl="{ span: 6 }" :lg="{ span: 6 }">
          <el-form-item label-width="100px">
            <el-button size="small" type="primary" @click="currentPage = 0 ; initData()">查询</el-button>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-header>
  <el-main style="height: auto;">
    <el-table :header-cell-style="{ 'background':$store.state.app.tableBgColor,'color':'#606266' }" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" v-loading.fullscreen="" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)">
      <el-table-column type="selection" align="center"></el-table-column>
      <el-table-column type="index" label="序号" align="center"></el-table-column>
      <el-table-column prop="insertTimeDate" label="账号" align="center"></el-table-column>
      <el-table-column prop="dictTransactionTypeName" label="申请人姓名" align="center"></el-table-column>
      <el-table-column prop="dictMethodName" label="处理状态" align="center"></el-table-column>
      <el-table-column prop="beforBalance" label="审核结果" align="center"></el-table-column>
      <el-table-column prop="transactionMoney" label="支付宝户名" align="center"></el-table-column>
      <el-table-column prop="afterBalance" label="支付宝账户" align="center"></el-table-column>
      <el-table-column prop="remark" label="当前金额" align="center"></el-table-column>
      <el-table-column prop="insertUserName" label="申请提现金额" align="center"></el-table-column>
      <el-table-column prop="insertUserName" label="通过后金额" align="center"></el-table-column>
      <el-table-column prop="insertUserName" label="提出申请时间" align="center"></el-table-column>
      <el-table-column prop="insertUserName" label="处理时间" align="center"></el-table-column>
      <el-table-column prop="insertUserName" label="处理人" align="center"></el-table-column>
      <el-table-column prop="insertUserName1" label="操作" align="center">
        <template slot-scope="">
          <el-button type="text" size="small" @click="examine = true">审核</el-button>
        </template>
      </el-table-column>
    </el-table>
    <div class="block"><span class="demonstration"></span>
      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage" :page-size="10" layout="prev, pager, next, jumper" :page-count="maxPage" :hide-on-single-page="value" background></el-pagination>
    </div>
  </el-main>
  <!---->
  <el-dialog class="examine" top="33vh" :visible.sync="examine" :append-to-body="true" width="30%" :before-close="handleClose"><span>如果停用此账户，则会对该账户停止返佣以及停止该账户在系统下的所有权限，确认停用该账户吗？</span><span class="dialog-footer" slot="footer">
      <el-button @click="examine = false" size="small">取 消</el-button>
      <el-button type="primary" @click="examine = false" size="small">确 定</el-button></span></el-dialog>
</el-container></template>

<script>
export default {
  name: 'Return',
  data() {
    return {
      tableData: [],
      examine: false
    }
  }
}
</script>

<style scoped lang="scss">
  .el-container {
    .el-header {
      margin-top: 5vh;
    }
    .el-main {
      .block {
        float: right;
      }
    }
  }
  .examine /deep/ .el-dialog__body {
    text-align: justify;
    font-size: 14px;
    font-family: 微软雅黑;
    line-height: 40px;
    color: #606266;
    font-weight: 700;
  }
</style>
